<form action="{$pay_url}" class="form-horizontal" method="post" name="myform" id="payform">
    {dr_form_hidden()}
    <input type="hidden" name="pay[mark]" value="{$html.mark}" />
    <input type="hidden" name="pay[title]" value="{$html.title}" />
    <div class="form-body form">

        <div class="d-buhuanhang">
            
            <div class="d-kuan d-waigao-20">
                <input type="text" name="pay[money]" value="{$html.pay_value}" class="form-control2 d-yuanjiao-50">
            </div>
        </div>

        <div class="d-kuan">
            <div class="d-kuan d-shangxia-10">付款方式</div>
            <div class="d-kuan d-buhuanhang">
                <div class="btn-group" data-toggle="buttons">
                    {loop $html.pay_type $name $t}
                    <label onclick="dr_select_paytype('{$name}')" class="d-shangxia-10 btn btn-lg btn-default {if $name == $html.pay_default}active{/if}"> <input type="radio" class="toggle"> {$t['icon']} {$t['name']} </label>
                    {/loop}
                    <input type="hidden" name="pay[type]" value="{$html.pay_default}" id="dr_payselect">
                </div>
            </div>
        </div>

		<div class="d-kuan">
			<button type="submit" class="d-kuan d-wenzi-16" style="border: 1px solid #d9d69a;width: 100%; background-color: #ddd7a0; border-radius: 50px;padding: 5px;color: #285638;margin: 0 auto;"> 确认付款 </button>
		</div>

    </div>
</form>
<style>
	.form-control2 {
	    width: 100%;
	    height: 34px;
	    padding: 6px 12px;
	    background-color: #f3f4f7;
	    border: 1px solid #f3f4f7;
	    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.btn-group-lg>.btn, .btn-lg {
        padding: 50px 30px;
        font-size: 18px;
        line-height: 1.33333;
        border-radius: 10px;
    }
    .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle, .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }
    .btn-default {
        color: #ffffff;
        background-color: #5bae77;
        border-color: #65bb82;
    }
    .btn-group-vertical>.btn:not(:first-child):not(:last-child), .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn, .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 10px;
    }
    .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.btn-default.dropdown-toggle.focus, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle:hover {
        color: #3e3e3e;
        background-color: #f7f7f7;
        border-color: #65bb82;
    }
    .btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle {
        color: #393939;
        background-color: #ffffff;
        border-color: #65bb82;
    }
</style>